<div class="logobar">
    <div>
        <img src="./images/logo.png">
    </div>
</div>
<div class="content" style="width:1000px">
    <div class="clearfix" style="width: 1000px;position: relative;margin-top: 30px;margin-bottom: 20px;">
        <div style="width:100%;background: #ddd;height:6px;position: absolute;top:50px;left:0;"></div>
        <div style="width:250px;background: #f70;height:6px;position: absolute;top:50px;left:0;"></div>
        <ul style="position: relative;z-index: 1">
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;color:#f70;">提交订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="color: #fff;background: #f70;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">1</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;">付款到淘家政</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="background: #ddd;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">2</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;">完成订单</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="background: #ddd;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">3</span>
                </div>
            </li>
            <li style="width:250px;float: left">
                <div class="font16" style="text-align: center;">评价</div>
                <div style="margin-top: 18px;text-align: center;">
                    <span style="background: #ddd;display: inline-block;width: 26px;height:26px;border-radius: 50%;line-height: 26px;">4</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="panel panel-info">
        <div class="panel-heading">确认订单信息</div>
        <div class="clearfix font-gray1" style="margin-top: 20px;">
            <div class="fl" style="text-align:center;width:590px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">职位信息</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">单价</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">数量</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff;margin-right: 2px;">优惠方式</div>
            <div class="fl" style="text-align:center;width:100px;border-bottom: 3px solid #bad1ff">小计</div>
        </div>
        <div style="padding-bottom: 5px;padding-left:10px;margin-top:25px;border-bottom: 1px dotted #80b2ff;">卖家：{{info.userName}}</div>
        <div class="clearfix" style="padding: 10px;background-color: #fbfcff;border-bottom: 1px dotted #ddd">
            <div class="fl" style="width:580px;overflow: hidden;margin-right: 2px;">
                <div class="fl" style="border:1px solid #eaeaea;width: 100px;height: 100px;line-height: 100px;margin-right: 10px;"><img ng-src="{{info.imageUrl}}" style="max-width: 100px;max-height: 100px;"></div>
                <div class="fl" style="width: 360px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap"><b>{{info.title}}</b><br>{{info.info}}</div>
            </div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">{{info.price}}</div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">1</div>
            <div class="fl" style="text-align:center;width:100px;margin-right: 2px;">无</div>
            <div class="fl font-red" style="text-align:center;width:90px;font-weight: 700">{{info.price}}</div>
        </div>
        <div class="clearfix" style="padding: 10px;background-color: #fbfcff">
            <div class="fl font-gray1">给卖家留言：<input type="text" style="width: 300px" placeholder="选填：填写内容已和卖家协商确认"></div>
            <div class="fr font-gray1">合计支付：<span class="font18 font-red" style="font-weight: 700">￥{{info.price}}</span></div>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">选择支付方式</div>
        <div class="panel-body">
            <label><input type="radio" value name="pay"> 支付宝支付</label><br>
            <label><input type="radio" value name="pay"> 微信支付</label><br>
            <label><input type="radio" value name="pay"> 淘家政支付</label>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading">订单结算</div>
        <div class="panel-body clearfix">
            <div class="fr">
                <div class="font-gray1" style="margin-top: 10px;margin-bottom: 20px;">总计：<span class="font-red" style="font-size: 30px;font-weight: 700">￥{{info.price}}</span></div>
                <div>
                    <button type="button" class="button button-caution button-glow" ng-click="buy()">提交订单</button>
                </div>
            </div>
        </div>
    </div>
</div>